<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<style>
    *{
        margin: 0;
        padding:0;

    }
    #container{
        display: flex;

        flex-direction: column;
        width: 40vw;
        height: 30vw;
        background-color: #e4e2e5;

    }
</style>
</head>
<body>
<div id="container">
    <div id="head">
        <h2>账号注册</h2>
    </div>

    <hr>
    <div>
        <dl>
            <dd>
                <span>手机号码</span>
                <input type="text" placeholder="请输入手机号码">可用于激活码获取、密码找回、订单查询等

            </dd>
            <dd>
                <span>登录密码</span>
                <input type="text" placeholder="请输入登录密码">
            </dd>
            <dd>
                <span>激活码</span>
                <input type="text" placeholder="请输入激活码" size="6">
                <button id="b1">获取激活码</button>
            </dd>
            <dd>
                <input type="checkbox">我已阅读并同意遵守 <a href="http:/www.baidu.com">《用户服务协议》</a>

            </dd>

        </dl>
        <dl>
            <button id="b2">同意协议并注册</button>
            <span id="s2"><a href="http:/www.baidu.com">使用邮箱注册</a></span>
        </dl>
    </div>
    <hr>
    <span>设为首页 关于百度 About Baidu 百度营销 使用百度前必读 意见反馈 帮助中心</span><br>
    <span>©2020 Baidu (京)-经营性-2017-0020 京公网安备11000002000001号 京ICP证030173号</span>

</div>
</body>
</html>